<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小鱼ADMIN</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/public/static/css/font.css">
    <link rel="stylesheet" href="/public/static/css/bgadmin.css">
    <script type="text/javascript" src="/public/static/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/public/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/public/static/js/bgadmin.js"></script>
    <script type="text/javascript" src="/public/static/js/jquery.form.js"></script>  
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="bg-body" id="whole">
        <form action="#" method="post" id="addAnnouncement" class="layui-form">
            <div class="layui-form-item">
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="bg-red">*&nbsp;&nbsp;</span>公告标题：</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" style="width: 510px;" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">
                        <span class="bg-red">*&nbsp;&nbsp;</span>公告开始：
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="starttime" id="starttime" lay-verify="required" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">
                        <span class="bg-red">*&nbsp;&nbsp;</span>公告截止：
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="endtime" id="endtime" lay-verify="required" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">
                        <span class="bg-red">*&nbsp;&nbsp;</span>是否启用：
                    </label>
                    <div class="layui-input-inline">
                        <select name="an_enabeld" id="an_enabeld" autocomplete="off" lay-verify="required" class="layui-input">
                            <option value="Y">是</option>
                            <option value="Y">否</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">
                    <span class="bg-red">*&nbsp;&nbsp;</span>公告内容：
                </label>
                <div class="layui-input-inline">
                    <textarea class="layui-textarea" name="content" id="content" lay-verify="required" cols="75" rows="3" style="resize:none"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        {if condition="($username eq 'admin') OR ($priv['add'] eq 'Y')"}
                        <a class="layui-btn" lay-submit="" id="insertAnnouncement" lay-filter="insertAnnouncement">保存</a>
                        {/if}
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>
<script>
    layui.use('form', function(){
        var form = layui.form;
        form.render('select');
    });

    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#starttime',
            type: 'datetime'
        });

        laydate.render({
            elem: '#endtime',
            type: 'datetime'
        });
    });

    var layer = layui.layer;
    var layedit = layui.layedit;
    var ajax_option_visit={  
        url:"insertAnnouncement",
        success:function(data){  
            var result = $.parseJSON(data); 
            if (result.success) {  
                layer.alert(result.msg, {icon: 6}, function(index){
                    bg_admin_close();
                    parent.location.replace("/index.php/crm/Announcement/announcementList");
                    // layer.close(index);
                });
            } else {  
                layer.alert(result.msg, {icon: 5}, function(index){
                    layer.close(index);
                });
            }
        }
    };

    layui.use(['form', 'layedit'], function(){
        var form = layui.form
        ,layedit = layui.layedit;

        form.on('submit(insertAnnouncement)', function(data){
            $('#addAnnouncement').ajaxSubmit(ajax_option_visit);
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        }); 
    });


</script>
</html>